<template>
    <div>今日列表</div>
    <br />
       <el-table
      :data="tableData"
      :span-method="objectSpanMethod"
      border
      style="width: 100%; margin-top: 20px">
      <el-table-column
        prop="placeName"
        label="场地号"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名">
      </el-table-column>
    </el-table>

    <!-- <div class="container">
        <div v-for="item in venueList" :key="item.placeName">
            <div v-for="site in item.sitePosition" :key="site.sjName">
                <div class="sjName">{{item.placeName}} - {{site.sjName}} - {{site.contacts === '0' ? '无人预定' : site.contacts}}</div>
            </div>
        </div>
    </div> -->
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { subscribeByTomorrow, queryByYmqInfo } from '@/api/venue/venue'
import type { ResponseData, Venue, VenuePlace } from '@/api/venue/type'

const venueList = ref<Venue[]>()
const vunuePlaceList = ref<VenuePlace[]>()
const getSubscribeByTomorrow = async () => {
    const data = await subscribeByTomorrow('03', '01')
    venueList.value = data.result.venue
} 

const getQueryByYmqInfo = async () => {
    const data = await queryByYmqInfo()
    vunuePlaceList.value = data
} 

onMounted(()=> {
    // getSubscribeByTomorrow()
    getQueryByYmqInfo()
})

</script>
<style scoped lang="scss">
.container {
    background: skyblue;
    width: 1000px;
    height: 800px;
    align-content: center;
    .sjName {
        padding: 5px;
        border-color: 5px solid red;
    }
}
</style>
